<template>
	<div class="confirmorder-container">
	  <!-- 顶部标题 -->
	  <div class="header">
		  <div class="back-btn" @click="goBack">←</div>
	    <h1>确认您的订单</h1>
	  </div>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<!-- 底部导航 -->
	<div class="bottom-nav">
	  <div class="nav-item" :class="{ active: currentNav === 'hospital' }">
	    <span class="nav-icon">🏥</span>
	    <span class="nav-text">云医院</span>
	  </div>
	  <div class="nav-item" :class="{ active: currentNav === 'mall' }">
	    <span class="nav-icon">🛒</span>
	    <span class="nav-text">商城</span>
	  </div>
	  <div class="nav-item" :class="{ active: currentNav === 'discover' }">
	    <span class="nav-icon">🔍</span>
	    <span class="nav-text">发现</span>
	  </div>
	  <div class="nav-item" :class="{ active: currentNav === 'personal' }" @click="goToPersonal">
	    <span class="nav-icon">👤</span>
	    <span class="nav-text">我</span>
	  </div>
	</div>
	 </div>
</template>

<script>
import { useRouter } from 'vue-router'

export default {
  name: 'ConfirmOrder',
  setup() {
    const router = useRouter()
    
    const goBack = () => {
      router.go(-1) // 或者 router.back()
    }
    
    return {
      goBack
    }
  },
  data() {
    return {
      // 组件数据
    }
  }
}
</script>

<style>
.confirmorder-container {
  max-width: 375px;
  margin: 0 auto;
  background-color: #fff;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 头部样式 */
.header {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
}

.back-btn {
  font-size: 20px;
  margin-right: 8px;
}

.title {
  font-size: 18px;
  font-weight: 600;
  flex: 1;
  text-align: center;
  margin-right: 28px;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* 底部格式 */
	.bottom-nav {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: white;
	  display: flex;
	  justify-content: space-around;
	  padding: 10px 0;
	  border-top: 1px solid #eee;
	}
	
	.nav-item {
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  cursor: pointer;
	}
	
	.nav-icon {
	  font-size: 20px;
	  margin-bottom: 2px;
	}
	
	.nav-text {
	  font-size: 10px;
	  color: #666;
	}
	
	.nav-item.active .nav-text {
	  color: #1890ff;
	}
</style>